<template>
  <div>
    <p>会员特权</p>
    <div class="box">
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
p {
  width: 128px;
  height: 44px;
  color: rgba(16, 16, 16, 100);
  font-size: 32px;
  text-align: left;
  font-family: PingFangSC-regular;
  margin-left: 82px;
  margin-top: 62px;
}
.box {
  margin: 42px auto 0;
  display: flex;
  width: 575px;
  // height: 200px;
  justify-content: space-between;
  flex-wrap: wrap;
  div {
    width: 114px;
    height: 114px;
    border-radius: 114px;
    background-color: rgba(190, 190, 190, 100);
    text-align: center;
    border: 1px solid rgba(187, 187, 187, 100);
    margin-bottom: 46px;
  }
}
</style>